<template>
  <div>
    <top-search />
    <van-tabs v-model="active" sticky>
      <van-tab :title="'聚划算 '">
        <popular-activities />
      </van-tab>
      <van-tab :title="'星品 '">
        <star-prouct />
      </van-tab>
      <van-tab :title="'广场 '">
        <products-square />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import TopSearch from '@/components/TopSearch.vue'
import StarProuct from '@/components/Index/StarProuct.vue';
import PopularActivities from '@/components/Index/PopularActivities.vue';
import ProductsSquare from '@/components/Index/ProductsSquare.vue';
export default {
  components: { TopSearch, StarProuct, PopularActivities, ProductsSquare },
  data () {
    return {
      active: 0,
    };

  },
}
</script>

<style lang="scss" scoped>
</style>